*{
    margin-top : 0px;
}

body{
    background : #333;
    background : url("../img/background.jpg") no-repeat #000;
}
.wrapper{
    margin : 0px;
    padding : 5px 5px 5px 5px;
    clear : both;
    max-width: 1200px;
    min-width : 960px;
    margin : 0px auto;
}

.clear{
    clear : both;
}

.leftPart{
    float : left;
    width : 19%;
    padding-right :1%;
}

.rightPart{
    width : 79%;
    float : right;
}


.title{
    color : #AA1806;
}

p.important{
    background : whiteSmoke;
    color : #A00;
    border : 1px solid #ccc;
    text-align : center;
    padding : 7px 2px;
    font-weight: bold;
    text-shadow : 20px;
    margin: auto;
    max-width: 500px;

    background : whiteSmoke url("http://cdn1.iconfinder.com/data/icons/nuvola2/32x32/actions/messagebox_warning.png") no-repeat;
}

div{
    
    margin: 0px;
}

.cache{
    height : 100%;
    width : 100%;
    position : fixed;
    margin : 0px;
    background : #333;
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}



body{    
    margin: 0px;
    padding : 0px;
    font-family: Arial;
}
#wrapper{
}


a{
   color :  #1D78BC;
   text-decoration: none;
}
a:hover{
   color :  #0D589C;
   text-decoration: underline;
}

p{
    margin : 7px 5px;
}

/*  *********************************************************
*   TITRE
*/

h1{
}

h2{
    text-align: center;    
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    width : 98%;
    font-size: 2em;
    margin-top: 0px;
    margin-bottom: 15px;    
    padding: 5px 0px;    
    font-family: proxima-nova-extra-condensed,sans-serif;



}
h3{
    font-weight: bold;
    padding : 2px 5px;
    margin-left: 20px;
    font-family: "kulturista-web-1","kulturista-web-2", Sans-Serif;
    letter-spacing: 1px;
    border-bottom: 1px solid #ccc;
    text-indent : 10px;
    color : #111;

}

h4{
    padding : 10px 5px 3px 5px;
    font-size: 1.2em;
}
/*  *********************************************************
*   HEADER
*/

#header{
    margin : 0px 0px 10px 0px;
    padding : 0px;
    height : 140px;

}

#header .wrapper{
   padding-top : 0px;
   padding-bottom : 0px;
    overflow: hidden;
    border-radius : 0px 0px 10px 10px;
    background : #fff;
    height: 130px;
}



#header .headerPresentation{
}

#header .rightPart, #header .leftPart{
}

#logo{
    float : left;
    margin-left : 1%;
    margin-right: 1%;
    margin-top : 20px;
    margin-bottom : 20px;
    font-family: Comic Sans MS;
    font-size: 2em;
    padding : 3px 3px 3px 3px;
    color : white;/*#1982D1;*/
    border-radius : 10px;
    
}
#logo h1{
    padding : 0px;
    margin : 0px;
}
#logo p{
    padding : 0px;
    margin : 0px;
}




/*  *********************************************************
*   CONTENT
*/

#content{
    overflow : hidden;
    margin : 0px;
}
#content .wrapper{
    margin-top : 0px;
    padding-top : 0px;
    padding : 0px;
    overflow: hidden;
}
#content .part{
    
}

#content .leftPart{
}

#content .rightPart{
}

.left{
    float : left;
}
.right{
    float : right;
}

.leftline
    {
    border-left: 1px solid black;
    padding-left: 5px;
    margin-left: 50px;
    }
    
.colMainContent{
    width : 80%;
    float : right;
    background : white;
    border-radius : 5px;
    min-height: 1000px;
    padding : 0px 1%;
}

.col1{
    width : 10%;
}

.col2{
    width : 20%;
}

.col3{
    width : 30%;
}

.col4{
    width : 40%;
}

.col5{
    width : 50%;
}

.col6{
    width : 60%;
}
.col7{
    width : 70%;
}

.col8{
    width : 80%;
}

.col9{
    width : 90%;
}

.block{
    clear : both;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}

.border_radius {
    border_radius : 10px;
    border: 1px solid #ccc;
}


/*  *********************************************************
* GALLERY
*/


/*  *********************************************************
* Commentaire
*/



/*  *********************************************************
*   MENUS
*/


#bottom{
    margin-top : 40px;
}

#bottom .wrapper{
    background : #222;
    border-top: 2px solid white;
    background : #222;
    color : white;
    padding-top : 10px;    
    overflow: hidden;
}


/*  *********************************************************
*   MENUS
*/


/*  *********************************************************
*   DL
*/


/*  *********************************************************
*   FORMULAIRE
*/


fieldset{
    border : 1px solid #ccc;
}



/*  *********************************************************
*   NAV SWITCH
*/
.navSwitch{
    padding : 5px 0px;
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    background : #eee;
}
.navSwitch .selected, .navSwitch .linkSwitchNavigation:hover{
    background : #0D589C;
    color : white;
    border-radius: 5px;
}

.navSwitch .selected{
    font-weight: bold;
}
.linkSwitchNavigation{
    padding : 3px 10px;
    text-decoration: none;
}


.switchContent{
    border : 1px solid #ccc;
    padding : 5px;
    margin-top : 5px;
    overflow: hidden;
}




#formSearchAll{
    margin : 0px;
    width : 100%;
    margin-top : 20px;
}

#formSearchAll label{
    
    
}
#formSearchAll .input{
    float : left;
    width : 70%;
    font-size: 0.9em;
    height : 20px;
    margin : 0px;
    padding : 0px;
}
#formSearchAll .submit{
    float : right;
    width : 20%;
    height : 20px;
    margin : 0px;
    padding : 0px;
}
#formSearchAll div.submit{
    clear : none;
}



table tr.selected{
    background : #ccf;
}